<template>
  <div class="html1_11">
    <h1>1.11  HTML5 注释标签</h1>
      <div class="html1_11_1">
        <h2>1.11.1 ruby标签</h2>
        <p>
          <pre>
            定义和用法
&lt;ruby> 标记定义、注释或音标。&lt;ruby>标签定义ruby注释（中文注音或字符）。
在东亚使用，显示的是东亚字符的发音。与 &lt;ruby> 以及 &lt;rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的rt元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
提示：支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。
实例：
&lt;ruby>
		 龍&lt;rt>lóng&lt;/rt>
&lt;/ruby>
          </pre>
        </p>
        <img style="width:100px;margin-left:500px" src="../assets/images/2.43.png" alt="">
        <p>图2.11.1  ruby标签实例</p>
      </div>
      <div class="html1_11_2">
        <h2>1.11.2 rp标签</h2>
        <p>
          <pre>
定义和用法
&lt;rp> 告诉那些不支持 Ruby元素的浏览器如何去显示，支持 "ruby" 元素的浏览器不会显示 "rp" 元素的内容。
实例：
&lt;ruby>
        漢 &lt;rt>
        &lt;rp>(&lt;/rp>ㄏㄢˋ&lt;rp>)&lt;/rp>
        &lt;/rt>
&lt;/ruby>
          </pre>
        </p>
        <img style="width:100px;margin-left:500px" src="../assets/images/2.45.png" alt="">
        <p>图2.11.2  rp标签实例</p>
      </div>
      <div class="html1_11_3">
        <h2>1.11.3 rt标签</h2>
        <p>
          <pre>
            定义和用法
&lt;rt>标记定义对ruby的注释内容文本&lt;rt>&lt;/rt>标记内写明对&lt;ruby>标签的注释（中文注音或字符）
实例：
&lt;ruby>
        漢 &lt;rt> ㄏㄢˋ &lt;/rt>
&lt;/ruby>
          </pre>
        </p>
        <img style="width:100px;margin-left:500px" src="../assets/images/2.46.png" alt="">
        <p>图2.11.3  rt标签实例</p>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>